import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

import FirstPage from '../views/FirstPage.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: FirstPage
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
      path: '/map1',
      name: 'myMap1',
      component: () => import('../views/map1.vue')
  },
  {
      path: '/map2',
      name: 'wodeMap2_3857',
      component: () => import('../views/map2_3857.vue')
  },
    {
        path: '/layout1',
        name: 'layout1_3857',
        component: () => import('../views/Layout1.vue')
    },
    {
        path: '/layout2',
        name: 'layout2_3857',
        component: () => import('../views/Layout2.vue')
    },
    {
        path: '/layout31',
        name: 'layout31_3d',
        component: () => import('../views/Layout31.vue')
    },
    {
        path: '/layout6',
        name: 'layout6',
        component: () => import('../views/Layout6.vue')
    },
    {
        path: '/layout7',
        name: 'layout7',
        component: () => import('../views/Layout7.vue')
    },
    {
        path: '/dx1',
        name: 'dx1',
        component: () => import('../views/DX1.vue')
    },


    {
        path: '/gs60',
        name: 'gs60',
        component: () => import('../views/gs60.vue')
    },
    {
        path: '/gs70',
        name: 'gs70',
        component: () => import('../views/gs70.vue')
    },
    {
        path: '/gs80',
        name: 'gs80',
        component: () => import('../views/gs80.vue')
    },
    {
        path: '/gs90',
        name: 'gs90',
        component: () => import('../views/gs90.vue')
    },
    {
        path: '/gs2000',
        name: 'gs2000',
        component: () => import('../views/gs2000.vue')
    },
    {
        path: '/people',
        name: 'people',
        component: () => import('../views/People.vue')
    },
    {
        path: '/future1',
        name: 'future1',
        component: () => import('../views/future1.vue')
    },
    {
        path: '/future2',
        name: 'future2',
        component: () => import('../views/future2.vue')
    },
    {
        path: '/future3',
        name: 'future3',
        component: () => import('../views/future3.vue')
    },
    {
        path: '/future4',
        name: 'future4',
        component: () => import('../views/future4.vue')
    }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
